<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <f:view contentType="text/html" >
        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Elevation System</title>
            <h:outputStylesheet name="css/styleLogin.css"/>  
        </h:head>

        <body>
            <div id="distance"></div>
            <div id="container">
                <div id="top">
                    <h1><a href="#">Elevation system </a></h1>
                </div>
                <div id="form-container">
                    <h:form>                                       
                            <p>                                       
                                <h:outputLabel value="UserName :" class="field-title"/><h:inputText class="text-input" value="#{loginController.username}" />
                            </p>
                            <div class="clear"></div>
                            <p>                           
                                <h:outputLabel value="Password : " class="field-title" />
                                <h:inputSecret class="text-input"  value="#{loginController.password}" />
                            </p>
                            <div class="clear"></div>
                           
                            <p>                            
                              
                                <h:commandButton action="#{loginController.checkManagerLogin}"  value="Login" />
                            </p>

                       
                        <span class="clearFix">&nbsp;</span>
                    </h:form>
                </div>
            </div>
        </body>
    </f:view>
</html>
